<template>
  <div class="song">
 
    <div class="audio" >
         <audio controls="controls" loop autoplay ref="audio" :src="music1"  id="audio" >  
      </audio> 
    
     </div>
  </div>
</template>

<script>

export default {
    data(){
        return {
    
            music1:null,

        }
    },
    
    // methods:{
    //    vkey(){
    //     var id=this.$route.query.indexid
    //     this.axios.get(`http://iecoxe.top:5000/v1/kuwo/song?rid=${this.id||id}
    //     `).then(res=>{
    //       // console.log(res);
    //     this.music1=res.data.url
  
    //     }).catch(err=>{
    //     console.log(err);
    //     })
    // },
    //   getliyl(){
    //     var id=this.$route.query.indexid
    //     this.axios.get(`http://iecoxe.top:5000/v1/kuwo/lyric?rid=${this.id||id}`)
    
    //     .then(res=>{
    //       // console.log(res);
    //       var time;
    //     this.lary=res.data.lyric_str.split('[').slice(1)
    //      this.lary.forEach((item,index) => {
    //       let arr = item.split(']');
    //      let m = parseInt(arr[0].split(':')[0])
    //      let s = parseInt(arr[0].split(':')[1])
    //      time=s
    //      arr[0] = m*60 + s;
    //      if (arr[1] != '\n') { 
    //          this.lrcObj[arr[0]] = arr[1];
    //      }
    //      this.lary1=this.lrcObj
    //      });
          
    //      setTimeout(()=>{
    //         var time=document.querySelectorAll('.p')
    //        var  music=document.getElementById('audio')
    //           var num=0
    //      music.addEventListener('timeupdate',function(){
    //       var currtime=parseInt(this.currentTime)
    //       if(document.getElementById(currtime)){
    //           for(var i=0;i<time.length;i++){
    //             time[i].style.color='#000'
    //             time[i].style.fontSize=16+'px'
    //              time[i].style.fontWeight=500
    //           }
    //          document.getElementById(currtime).style.color='#fff'
    //           document.getElementById(currtime).style.fontSize=20+'px'
    //            document.getElementById(currtime).style.fontWeight=800
    //             document.getElementById(currtime).style. transition=1+'s'
    //           if(time[num].id==currtime){
    //                for(var i=0;i< document.querySelectorAll('.sss').length;i++){
    //              document.querySelectorAll('.sss')[i].style.top=-30*num+'px'
    //               document.querySelectorAll('.sss')[i].style.transition=1+'s'
    //              }
    //             num++
    //             if( this.duration){
    //            document.querySelectorAll('.sss')[i].style.top=0+'px'
    //         }
    //           }
          
    //        }
           
    //      })
    //      })
        
    //     }
    //     ).catch(err=>{
    //       console.log(err);
    //     })
    //   },
    //   scro(i){

    //       this.$refs.audio.currentTime=i

    //   },
    // //   jmp(){
    // //       this.$router.push({
    // //           path:'/music'
    // //       })
    // //   }

    
    // },
    // created(){
       
    //    this.pic=this.$route.query.pic
    //    console.log(this.pic);
    //   this.id=this.$route.query.id
    //   this.songid=this.$route.query.songid
    //   this.song=this.$route.query.song
    //  this.getliyl() 
       
    //   this.vkey()
      
     
    //   this.music1
    //   this.scro()
    //   console.log(this.$refs.audio)
  

    // },
    // watch:{
    //   $route(){
    //      this.vkey()
    //     this.getliyl()
    //     this.$route.query.piutiur
       
        
    //   }
    // }
   
   
}
</script>

<style lang="scss" scoped>


.song{
//   width: 1400px;
width: 100%;
    position: fixed;
    bottom: 0;
    
  
 }
 .audio{
     width: 1400px;
      margin: 0 auto;
    //   margin-left: 50px;
    //   height: 100px;
      audio{
        width: 1400px;
        height: 200px;
    
    }
   }
 

</style>